<style lang="scss" scoped>
  .wrap{
    position: absolute;
    width: 100%; height: 100%;
    z-index: 1;
    left: 0; top: 0;
  }

  .master{
    width: 100%; height: 100%;
    background:rgba(48,54,65,.5);
  }
</style>

<template>
  <section class="wrap">
    <div class="master"></div>
    <slot></slot>
  </section>
</template>

<script>
  export default {
    data () {
      return {

      }
    },
    mounted () {
      document.body.appendChild(this.$el)
    }
  }
</script>